<template>
	<view class="work-container">
		<view class="box">
			<view class="list">
				<view class="" style="display: flex;">
					<view class="img">
						<image src="@/static/index/rk.png" mode=""></image>
					</view>
					<view class="effect">
						入库
					</view>
				</view>
				<view class="time">
					2023.12.28
				</view>
			</view>
			<view class="describe">
				今日入库数量
			</view>
			<view class="number">
				{{6000}}件
			</view>
		</view>

		<view class="box">
			<view class="list">
				<view class="" style="display: flex;">
					<view class="img">
						<image src="@/static/index/ck.png" mode=""></image>
					</view>
					<view class="effect">
						出库
					</view>
				</view>
				<view class="time">
					2023.12.28
				</view>
			</view>
			<view class="describe">
				今日出库数量
			</view>
			<view class="number">
				{{6000}}件
			</view>
		</view>

		<view class="box">
			<view class="list">
				<view class="" style="display: flex;">
					<view class="img">
						<image src="@/static/index/tl.png" mode=""></image>
					</view>
					<view class="effect">
						退料
					</view>
				</view>
				<view class="time">
					2023.12.28
				</view>
			</view>
			<view class="describe">
				今日退料数量
			</view>
			<view class="number">
				{{6000}}件
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.box {
		padding: 32rpx 48rpx 0 32rpx;
		margin: 32rpx auto 0;
		width: 686rpx;
		height: 282rpx;
		opacity: 1;
		border-radius: 20rpx;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 8rpx 0px rgba(30, 36, 54, 0.03);

		.list {
			display: flex;
			justify-content: space-between;
			margin-bottom: 40rpx;

			.img {
				width: 64rpx;
				height: 64rpx;
				margin-right: 28rpx;

				image {
					width: 64rpx;
					height: 64rpx;
				}
			}

			.effect {
				line-height: 32px;
				opacity: 1;
				/** 文本1 */
				font-size: 16px;
				font-weight: 400;
				letter-spacing: 0px;
				color: rgba(30, 36, 54, 1);
			}

			.time {
				line-height: 32px;
				opacity: 0.5;
				/** 文本1 */
				font-size: 12px;
				font-weight: 400;
				letter-spacing: 0px;
				color: rgba(30, 36, 54, 1);
			}
		}

		.describe {
			margin-bottom: 14px;
			padding-left: 46px;
			opacity: 0.5;
			/** 文本1 */
			font-size: 12px;
			font-weight: 400;
			letter-spacing: 0px;
			line-height: 1;
			color: rgba(30, 36, 54, 1);
		}

		.number {
			padding-left: 46px;
			opacity: 1;
			/** 文本1 */
			font-size: 16px;
			font-weight: 500;
			letter-spacing: 0px;
			line-height: 23.17px;
			color: rgba(59, 111, 255, 1);
		}
	}
</style>